$(function(){
    setFont();

    window.onresize = function () {
        setFont();
    };

    // 根据当前屏幕的宽度 动态设置页面根标签的fontsize
    function setFont() {
        // 要设置的字体大小  = 基础值 * 要适配的屏幕的宽度 /  设计稿宽度
        // 基础值
        var baseVal = 100;
        // 设计稿的宽度
        var pageWidth = 375;
        // 要适配的屏幕的宽度 = 当前屏幕的宽度
        var screenWidth = document.querySelector("html").offsetWidth;
        // 要设置的字体大小
        var fontsize = (baseVal * screenWidth) / pageWidth;
        // 把字体大小动态设置到 html标签中
        document.querySelector("html").style.fontSize = fontsize + "px";
    }
    var id=getQueryString("id")
    console.log(id);
    $.ajax({
        url:"http://193.112.55.79:9090/api/getcouponproduct",
        type:'get',
        data:{
            couponid:id,
        },
        dataType:'json',
        success: function (res) {
            console.log(res);
            // tempalte方法调用，传入两个参数： 1、模板Id 2、数据（要求数据类型：对象）
            var htmlStr = template("couponListTmp", res)
            // console.log(htmlStr);
            $(".product_list ul").html(htmlStr);
            $('.product_list ul').children().on('click',function(){
                $('.container').show()
            })
        }

    })
    var screenWidth=$(window).width();
    $('.container').on('click',function(){
        $(this).hide();

    });
    $('.container div').on('click',function(e){
        e.stopPropagation()
    });
    $('.container ul li').width(screenWidth);
    var index=0,
    max_index=$('.container ul li').length;
    //上一个
    $('.container .left_btn').on("mousedown",function(e){
        index--;
        if(index>=0){
            $('.container ul').css('transform','translateX('+-screenWidth*index+'px)');
        }else{
            index=0;
        }

    })
    //下一个
    $('.container .right_btn').click(function(e){
        index++
        if(index<=max_index-1){
            $('.container ul').css("transform",'translateX('+-screenWidth*index+'px)')
        }else{
            index=max_index-1;
        }
    })


    /*取到url的参数*/
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        // if (r != null) return unescape(r[2]);
        if (r != null) return decodeURI(r[2]);
        return null;
    }
})